import QtQuick 2.15
import UIModule 1.0
Item {
    id:root
    property alias str:strItem.text
    property bool flag: false
    property int cur:4
    Canvas {
        id: canvas_bottom
        anchors.fill:parent
        onPaint: {
            var ctx = getContext("2d")
            ctx.clearRect(0, 0, canvas_bottom.width, canvas_bottom.height) // 清除画布

            // 矩形参数
            var x = 0
            var y = 0
            var width = canvas_bottom.width
            var height = canvas_bottom.height
            var radius = 20 // 圆角半径

            ctx.beginPath()

            // 起始点：左上角圆角右侧端点 (x + radius, y)
            ctx.moveTo(x + radius, y)

            // 绘制左上角圆角（逆时针）
            ctx.arc(x + radius, y + radius, radius, Math.PI * 1.5, Math.PI * 1, true)

            // 绘制左侧边到底部（左下角为直角）
            ctx.lineTo(x, y + height)

            // 绘制底部边到右侧（右下角为直角）
            ctx.lineTo(x + width, y + height)

            // 绘制右侧边到顶部（右上角为直角）
            ctx.lineTo(x + width, y + radius)

            // 绘制左上角圆角（逆时针）
            ctx.arc(x + width - radius, y + radius, radius, Math.PI * 2, Math.PI * 1.5, true)
            // 绘制顶部边回到起始点（闭合路径）
            ctx.lineTo(x + radius, y)

            // 设置样式并绘制
            ctx.fillStyle = bgColor
            ctx.fill()
        }

            Text{
                id:strItem
                height: parent.height
                font.hintingPreference: Font.PreferVerticalHinting
                font.styleName: "Bold"
                font.bold: true
                font.pixelSize: ((root.height)*2+cur)*UI.scale
                anchors.horizontalCenter: parent.horizontalCenter
                horizontalAlignment: Text.AlignLeft
                verticalAlignment:flag?Text.AlignBottom:Text.AlignTop

                wrapMode: Text.WrapAnywhere
                renderType: Text.QtRendering

                text:"09"
                color: "#bababa"
                clip:true
                rotation: flag?-root.rotation:0
                antialiasing: true
            }

    }
}
